<!DOCTYPE html>
<link rel="match" href="reference/scroll-iframe-ref.html" />
<style>
    iframe {
        width: 200px;
        height: 200px;
        border: 1px solid black;
    }
</style>
<body></body>
<script>
    const iframe = document.createElement("iframe");
    iframe.srcdoc = `
        <style>
            body { margin: 0 }
            html { scrollbar-width: none; }
        </style>
        <div style="width: 200px; height: 200px; background-color: darkblue"></div>
        <div style="width: 200px; height: 200px; background-color: blue"></div>
        <div style="width: 200px; height: 200px; background-color: magenta"></div>
    `;
    iframe.onload = function () {
        iframe.contentWindow.scroll(0, 200);
    };
    document.body.appendChild(iframe);
</script>
